@charset "utf-8";
/*==========================1 样式重置=================================*/
* {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0); -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
    outline-style: none;
    color:#555;
}
html,body{
  height:100%;
}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl,li{list-style:none}
html,body{*position:static}
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline-width:0}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline-width:0}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto; -webkit-appearance: none !important;margin: 0;-moz-appearance:textfield}
input[type="search"] {-webkit-appearance: textfield; /* 1 */}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button, input[type="button"], input[type="submit"] {line-height: normal}
@media ( max-width : 767px) {
  html{overflow-y:auto}
}
table {border-collapse: collapse; border-spacing: 0}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1}
audio:not([controls]), [hidden], .hidden, .hide {display: none}
body {line-height:1}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
a {text-decoration: none; cursor: pointer; outline-width: 0}
a:hover {text-decoration: underline}
a.ie6:hover {zoom: 1}
sub, sup {vertical-align: baseline}

/*img*/
img {border: 0; vertical-align: middle;max-width:100%}
a img, img {-ms-interpolation-mode: bicubic}
img[src=""]{
opacity: 0;
}/*图片没有路径时，除去边框*/
/*===========================样式重置end=================================*/


/*=====================响应式=====================*/

/*2.1 响应式栅格系统*/
.container {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto}
.container-fluid {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto}
@media (min-width:768px) {
  .container {width: 750px}
}
@media (min-width:992px) {
  .container {width: 970px}
}
@media (min-width:1200px) {
  .container {width: 1170px}
}
@media (min-width:1300px) {
  .container {width: 1240px}
}
@media print {
  .container {width: auto}
}
/*=========================响应式 end=======================*/

/*===========================基础样式start=================================*/
/*清浮动*/
.clear:after, .clearfix:after {content: "\20"; display: block; height: 0; clear: both; visibility: hidden}
.clear, .clearfix {zoom: 1}
.transform-clear {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.radius-clear {-webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important}
.inline-block {display: inline-block; *display: inline; *zoom: 1}
/* margin */
.mt-0{margin-top: 0px}.mt-1{margin-top: 1px}.mt-2{margin-top: 2px}.mt-3{margin-top: 3px}.mt-4{margin-top: 4px}.mt-5{margin-top: 5px}.mt-6{margin-top: 6px}.mt-7{margin-top: 7px}.mt-8{margin-top: 8px}.mt-9{margin-top: 9px}.mt-10{margin-top: 10px}.mt-15{margin-top: 15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}
.mr-0{margin-right:0px}.mr-1{margin-right:1px}.mr-2{margin-right:2px}.mr-3{margin-right:3px}.mr-4{margin-right:4px}.mr-5{margin-right:5px}.mr-6{margin-right:6px}.mr-7{margin-right:7px}.mr-8{margin-right:8px}.mr-9{margin-right:9px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mr-55{margin-right:55px}.mr-60{margin-right:60px}
.mb-0{margin-bottom:0px}.mb-1{margin-bottom:1px}.mb-2{margin-bottom:2px}.mb-3{margin-bottom:3px}.mb-4{margin-bottom:4px}.mb-5{margin-bottom:5px}.mb-6{margin-bottom:6px}.mb-7{margin-bottom:7px}.mb-8{margin-bottom:8px}.mb-9{margin-bottom:9px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}
.ml-0{margin-left:0px}.ml-1{margin-left:1px}.ml-2{margin-left:2px}.ml-3{margin-left:3px}.ml-4{margin-left:4px}.ml-5{margin-left:5px}.ml-6{margin-left:6px}.ml-7{margin-left:7px}.ml-8{margin-left:8px}.ml-9{margin-left:9px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-45{margin-left:45px}.ml-50{margin-left:50px}.ml-55{margin-left:55px}.ml-60{margin-left:60px}
.mg-0{margin:0px}.mg-1{margin:1px}.mg-2{margin:2px}.mg-3{margin:3px}.mg-4{margin:4px}.mg-5{margin:5px}.mg-6{margin:6px}.mg-7{margin:7px}.mg-8{margin:8px}.mg-9{margin:9px}.mg-10{margin:10px}.mg-15{margin:15px}.mg-20{margin:20px}.mg-25{margin:25px}.mg-30{margin:30px}.mg-35{margin:35px}.mg-40{margin:40px}.mg-45{margin:45px}.mg-50{margin:50px}.mg-55{margin:55px}.mg-60{margin:60px}
.mg-0-auto{margin:0 auto}
/* padding */
.pt-0{padding-top: 0px}.pt-1{padding-top: 1px}.pt-2{padding-top: 2px}.pt-3{padding-top: 3px}.pt-4{padding-top: 4px}.pt-5{padding-top: 5px}.pt-6{padding-top: 6px}.pt-7{padding-top: 7px}.pt-8{padding-top: 8px}.pt-9{padding-top: 9px}.pt-10{padding-top: 10px}.pt-15{padding-top: 15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}
.pr-0{padding-right: 0px}.pr-1{padding-right: 1px}.pr-2{padding-right: 2px}.pr-3{padding-right: 3px}.pr-4{padding-right: 4px}.pr-5{padding-right: 5px}.pr-6{padding-right: 6px}.pr-7{padding-right: 7px}.pr-8{padding-right: 8px}.pr-9{padding-right: 9px}.pr-10{padding-right: 10px}.pr-15{padding-right: 15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-45{padding-right:45px}.pr-50{padding-right:50px}.pr-55{padding-right:55px}.pr-60{padding-right:60px}
.pb-0{padding-bottom: 0px}.pb-1{padding-bottom: 1px}.pb-2{padding-bottom: 2px}.pb-3{padding-bottom: 3px}.pb-4{padding-bottom: 4px}.pb-5{padding-bottom: 5px}.pb-6{padding-bottom: 6px}.pb-7{padding-bottom: 7px}.pb-8{padding-bottom: 8px}.pb-9{padding-bottom: 9px}.pb-10{padding-bottom: 10px}.pb-15{padding-bottom: 15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}
.pl-0{padding-left: 0px}.pl-1{padding-left: 1px}.pl-2{padding-left: 2px}.pl-3{padding-left: 3px}.pl-4{padding-left: 4px}.pl-5{padding-left: 5px}.pl-6{padding-left: 6px}.pl-7{padding-left: 7px}.pl-8{padding-left: 8px}.pl-9{padding-left: 9px}.pl-10{padding-left: 10px}.pl-15{padding-left: 15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-45{padding-left:45px}.pl-50{padding-left:50px}.pl-55{padding-left:55px}.pl-60{padding-left:60px}
.pd-0{padding: 0px}.pd-1{padding: 1px}.pd-2{padding: 2px}.pd-3{padding: 3px}.pd-4{padding: 4px}.pd-5{padding: 5px}.pd-6{padding: 6px}.pd-7{padding: 7px}.pd-8{padding: 8px}.pd-9{padding: 9px}.pd-10{padding: 10px}.pd-15{padding: 15px}.pd-20{padding:20px}.pd-25{padding:25px}.pd-30{padding:30px}.pd-35{padding:35px}.pd-40{padding:40px}.pd-45{padding:45px}.pd-50{padding:50px}.pd-55{padding:55px}.pd-60{padding:60px}
/*高度 常用文字限高*/
.h-15{height:15px}.h-20{height:20px}.h-25{height:25px}.h-30{height:30px}.h-35{height:35px}.h-40{height:40px}.h-45{height:45px}.h-50{height:50px}.h-55{height:55px}.h-60{height:60px}
/* 行高 */
.line-h-15{line-height: 15px}.line-h-20{line-height: 20px}.line-h-25{line-height: 25px}.line-h-30{line-height: 30px}.line-h-35{line-height: 35px}.line-h-40{line-height: 40px}.line-h-45{line-height: 45px}.line-h-50{line-height: 50px}.line-h-55{line-height: 55px}.line-h-60{line-height: 60px}.line-h-100s{line-height: 100%}.line-h-150s{line-height: 150%}
/* 圆角 */
.radius-0{border-radius:0px}.radius-3{border-radius:3px}.radius-5{border-radius: 5px}.radius-10{border-radius: 10px}.radius-15{border-radius: 15px}.radius-20{border-radius: 20px}.full-radius{border-radius: 50%}
/* 宽度比例 */
.full-w{width: 100% !important}.full-h{height: 100%  !important}.full-wh{width: 100%;height:100%}
.max-100{max-width: 100px}
/* 常用阴影 */
.shadow-rb{ -webkit-box-shadow: 3px 3px 3px;-moz-box-shadow: 3px 3px 3px;box-shadow: 3px 3px 3px}
/* 链接 */
.inline-link {display: inline-block; border-bottom: 1px dashed rgba(0, 0, 0, 0.4); text-decoration: none; color: #777}
.inline-link:hover {border-bottom-style: dotted}
.inline-link:active {border-bottom-style: solid}
.inline-link:visited {border-bottom: 1px solid #97CAF2}
/* 下划线 */
.t-none,.t-none a{text-decoration: none}
.t-through{text-decoration:line-through}
/* 边框 */
.bor{border: 1px solid black}
/* 边框颜色 */
.bor-col-pri{border-color: #00A5F7 !important}
.bor-col-red{border-color:#e3393c !important}
.bor-col-orange{border-color:orange !important}
.bor-col-success{border-color:#5eb95e !important}
.bor-col-ccc{border-color: #ccc !important}
.bor-col-eb{border-color: #ebebeb !important}
.bor-col-f2{border-color: #f2f2f2 !important}
.bor-col-eaf8ff{border-color: #eaf8ff !important}
/* 边框粗细 */
.bor-2px{border-width: 2px}
.bor-3px{border-width: 3px}
.bor-5px{border-width: 5px}
.bor-7px{border-width: 7px}
/* 边框样式 */
.bor-dot{border-style: dotted}
.bor-dou{border-style: double}
.bor-das{border-style: dashed}
/* 有无边框 */
.bor-t{border-style:solid none none none}
.bor-r{border-style:none solid none none}
.bor-b{border-style:none none solid none}
.bor-l{border-style:none none none solid}
.bor-t-none{border-top:none}
.bor-l-none{border-left:none}
.bor-r-none{border-right:none}
.bor-b-none{border-bottom:none}
/* 强制换行 */
.newline {word-wrap: break-word; white-space: normal; word-break: break-all}
/*字体*/
.family-hk{font-family: "华文楷体"}
.family-h{font-family: "黑体"}
.family-s{font-family: "宋体"}
.family-hxh{font-family: "华文细黑"}
.family-tnr{font-family: "Times New Roman"}
/*字体大小 加粗*/
.f-w{font-weight: bolder}
.f-11{font-size:11px;-webkit-transform:scale(0.8)}
.f-12{font-size:12px}.f-12i{font-size:12px !important}.f-13{font-size: 13px}.f-13i{font-size: 13px !important}.f-14{font-size: 14px}.f-14i{font-size:14px !important}.f-16{font-size:16px}.f-16i{font-size:16px !important}.f-18{font-size:18px}.f-18i{font-size:18px !important}.f-20{font-size:20px}.f-20i{font-size:20px !important}.f-22{font-size:22px}.f-22i{font-size:22px !important}.f-24{font-size:24px}.f-24i{font-size:24px !important}.f-26{font-size:26px}.f-26!{font-size:26px !important}.f-28{font-size:28px}.f-28i{font-size:28px !important}.f-30{font-size:30px}.f-30i{font-size:30px !important}
/* 编辑器文本调整*/
.edit p{font-size:13px !important;text-indent:24px;margin-bottom:10px;letter-spacing:1px}
/*字间距*/
.let-spa-1{letter-spacing:1px}
.let-spa-2{letter-spacing:2px}
/*首行缩进 2个字*/
.text-ind{text-indent:2em}
/*首字大写*/
.first-let:first-letter{
  font-size:18px;
  margin-right:3px;
}
/* 堆叠 */
.z-0{z-index: 0}.z-1{z-index: 1}.z-9{z-index: 9}.z-99{z-index: 99}.z-999{z-index: 999}.z-9999{z-index: 9999}.z-99999{z-index: 99999}
/*主要颜色*/
.col-primary,.col-primary a,a.col-primary{color:#00ADEB}
.col-primary a:hover,a.col-primary:hover{color:#00ADEB}
/*强调色—成功*/
.col-success,.col-success a,a.col-success{color:#5eb95e}
.col-success a:hover,a.col-success:hover{color:#5eb95e}
/*强调色—危险*/
.col-danger,.col-danger a,a.col-danger{color:#dd514c}
.col-danger a:hover,a.col-danger:hover{color:#dd514c}
/*强调色—警告*/
.col-warning,.col-warning a,a.col-warning{color:#f37b1d}
.col-warning a:hover,a.col-warning:hover{color:#f37b1d}
/*强调色—错误*/
.col-error,.col-error a,a.col-error{color:#c00}
.col-error a:hover,a.col-error:hover{color:#c00}
/*辅助色—浅黑*/
.col-333,.col-333 a,a.col-333{color:#333}
.col-333 a:hover,a.col-333:hover{color:#333}
/*辅助色—灰色*/
.col-555,.col-555 a,a.col-555{color:#555}
.col-555 a:hover,a.col-555:hover{color:#555}
.col-666,.col-666 a,a.col-666{color:#666}
.col-666 a:hover,a.col-666:hover{color:#666}
.col-999,.col-999 a,a.col-999{color:#999}
.col-999 a:hover,a.col-999:hover{color:#999}
.col-ccc,.col-ccc a,a.col-ccc{color:#ccc}
.col-ccc a:hover,a.col-ccc:hover{color:#ccc}
/*标准色—红色*/
.col-red,.col-red a,a.col-red{color:#e3393c}
.col-red a:hover,a.col-red:hover{color:#e3393c}
/*红色*/
.col-green,.col-green a,a.col-green{color:#72c02c}
.col-green a:hover,a.col-green:hover{color:#72c02c}
/*红色*/
.col-red-2,.col-red-2 a,a.col-red-2{color:#c81623}
.col-red-2 a:hover,a.col-red-2:hover{color:#c81623}
/*标准色—白色*/
.col-white,.col-white a,a.col-white{color:white}
.col-white a:hover,a.col-white:hover{color:white}
.col-white2,.col-white2 a,a.col-white2{color:#f7f5f5}
.col-white2 a:hover,a.col-white2:hover{color:#f7f5f5}
/*标准色—黑色*/
.col-black,.col-black a{color:black}
.col-black a:hover,a.col-black:hover{color:black}
/*标准色—橙色*/
.col-orange,.col-orange a,a.col-orange{color:orange}
.col-orange a:hover,a.col-orange:hover{color:orange}
/* 深蓝色 */
.col-h-blue{color: #003368}
/*背景颜色*/
/* 主要的 */
.bg-primary{background: #00A5F7}
/* 白色 */
.bg-white{background: #fff}
/* 浅灰色 */
.bg-gray{background: #f5f5f5}
.bg-999{background: #999}
.bg-ddd{background: #ddd}
/* 淡黑色 */
.bg-black1{background: #e7e8eb}
.bg-black2{background: #585f69}
.bg-555{background: #555}
.bg-black{background: black}
/* 深黑色 */
.bg-h-black{background: #444}
/* 深蓝色 */
.bg-h-blue{background: #003368}
/* 浅蓝色 */
.bg-l-blue{background: #eaf8ff}
/* 红色 */
.bg-red{background: #E12432}
.bg-l-red{background: #fafafa;}
/*绿色*/
.bg-green{background: #72c02c}
.bg-l-green{background-color:#EAF2D3}
.bg-l-green2{background-color:#D7FFF0;}
/*橘黄色*/
.bg-orange{background: orange}
/* 浮动 */
.pull-left {float: left !important; _display: inline}
.pull-right {float: right !important; _display: inline}
/*字体hover*/
.hov-primary:hover,.hov-primary a:hover{color:#00ADEB}
.hov-red:hover,.hov-red a:hover{color:#e3393c}
.hov-green:hover,.hov-green a:hover{color:#72c02c}
/*对齐*/
.text-left {text-align:left}
.text-right {text-align:right}
.text-center {text-align:center}
.va  * {vertical-align: sub !important; *vertical-align: middle !important; _vertical-align: middle !important}
.vert-def{vertical-align: baseline!important}
.vert-t {vertical-align: top !important}
.vert-m {vertical-align: middle !important}
.vert-b {vertical-align: bottom !important}
/*一行超出省略*/
.text-overflow {overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
/*一行直接截断*/
.text-overflow-1 {overflow: hidden; white-space: nowrap}
/*一行文字，多余超出省略*/
.text-line-1{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1}
/*两行文字，多余超出省略*/
.text-line-2{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2}
/*四行文字，多余超出省略*/
.text-line-4{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4}
/*水平翻转*/
.flipx {-moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH()}
/*垂直翻转*/
.flipy {-moz-transform: scaleY(-1); -webkit-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV()}
/*顺时针旋转45度*/
.rotate45 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg)}
/*顺时针旋转90度*/
.rotate90 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg)}
/*顺时针旋转180度*/
.rotate180 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg)}
/*顺时针旋转270度*/
.rotate270 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg)}
/*定位*/
.affix {position: fixed}.pos-r {position: relative}.pos-a {position: absolute}
.t-0{top: 0px}.t-1{top: 1px}.t-2{top: 2px}.t-3{top: 3px}.t-4{top: 4px}.t-5{top: 5px}.t-7{top: 7px}.t-10{top: 10px}.t--1{top: -1px}.t--2{top: -2px}.t--3{top: -3px}.t--4{top: -4px}.t--5{top: -5px}
.r-0{right: 0px}.r-1{right: 1px}.r-2{right: 2px}.r-3{right: 3px}.r-4{right: 4px}.r-5{right: 5px}.r-7{right: 7px}.r-10{right: 10px}.r--1{right: -1px}.r--2{right: -2px}.r--3{right: -3px}.r--4{right: -4px}.r--5{right: -5px}
.b-0{bottom: 0px}.b-1{bottom: 1px}.b-2{bottom: 2px}.b-3{bottom: 3px}.b-4{bottom: 4px}.b-5{bottom: 5px}.b-7{bottom: 7px}.b-10{bottom: 10px}.b--1{bottom: -1px}.b--2{bottom: -2px}.b--3{bottom: -3px}.b--4{bottom: -4px}.b--5{bottom: -5px}
.l-0{left: 0px}.l-1{left: 1px}.l-2{left: 2px}.l-3{left: 3px}.l-4{left: 4px}.l-5{left: 5px}.l-7{left: 7px}.l-10{left: 10px}.l--1{left: -1px}.l--2{left: -2px}.l--3{left: -3px}.l--4{left: -4px}.l--5{left: -5px}
/*超出隐藏*/
.overflow-h{overflow: hidden}
/* 鼠标手势 */
.cur-p{cursor: pointer}.cur-h{cursor: help}.cur-a{cursor: auto}.cur-d{cursor: default}
/* 显示隐藏块 */
.dis-b{display: block}.dis-n{display: none}.dis-i{display: inline}.dis-ib{display: inline-block}
/* 常用图片尺寸 */
.img-20{width:20px;height:20px}
.img-25{width:25px;height:25px}
.img-30{width:30px;height:30px}
.img-35{width:35px;height:35px}
.img-50{width:50px;height:50px}
.img-60{width:60px;height:60px}
.img-100{width:100px;height:100px}
.product-img{width: 100%;height:190px; position: relative}
@media (max-width: 768px){
  .product-img{height:130px}
}
.pro-img-2{width: 100%;height:139px;position: relative}
.pro-img-3{height:60px;position: relative}
@media (max-width: 992px){
  .pro-img-2{height:95px}
  .pro-img-3{height:50px}
}
.product-img img,.pro-img-2 img,.pro-img-3 img{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    max-height: 100%;
}
/*页面底部*/
.wrap{min-height: 100%}
/*透明*/
.rgba-30{background: rgba(0,0,0,0.4)}
.rgba-50{background: rgba(0,0,0,0.5)}
.rgba-70{background: rgba(0,0,0,0.7)}